<!--评论组件-->
<template>
  <view class="comment">
		<view class="header">
			<view class="head">
				<image class="avatar" :src="msg.geavatar" mode="scaleToFill"></image>
				<span class="nickname">{{msg.geforusername}}</span>
			</view>
			<p class="type">{{msg.gedate}} &nbsp;规格 {{msg.gevaluestr}}</p>
		</view>
		<view class="content">
			<rich-text :nodes="msg.gecontent"></rich-text>
			<!-- <p class="msg">{{msg.gecontent}}</p> -->
		</view>
		<view class="footer">
			<text class="look-num">{{msg.geforuserid}}人浏览</text>
			<text>点赞</text>
		</view>
  </view>
</template>
<script>

export default {
  props: {
    msg: {
      type: Object
    }
  },
  data () {
    return {}
  },
  onReady () {
		console.log(this.msg)
	},
  methods: {},
  computed: {},
  components: {
  },
  watch: {}
}
</script>
<style scope lang="scss">
.comment {
  font-size: 30upx;
  .header {
    text-align: left;
    .head {
			margin-top: 24upx;
			display: flex;
			align-items: center;
      height: 66upx;
      .avatar {
        width: 66upx;
				height: 66upx;
        border-radius: 50%;
      }
      .nickname {
				flex: 1;
				font-size: 29upx;
				font-weight: bold;
        margin-left: 24upx;
        float: left;
        line-height: 30upx;
      }
    }
    .type {
      font-size: 24upx;
      line-height: 80upx;
      color: #999;
    }
  }
  .content {
    font-size: 30upx;
    line-height: 50upx;
		font-weight: bold;
  }
  .footer {
    display: flex;
    justify-content: space-between;
    height: 60upx;
    color: #999;
    font-size: 24upx;
    line-height: 60upx;
		border-bottom: 1px solid #e2e2e2;
  }
}
</style>
